<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/jQuery.js"></script>
    <script src="../js/header_footer.js"></script>
    <script src="../js/Details_page.js"></script>
    <link rel="stylesheet" href="../icofant/iconfont.css">
    <link rel="stylesheet" href="../css/Details_page.css">
</head>

<body>
    <header></header>
    <!-- 详情页商品选购 -->
    <div class="main">
        <div class="center">
            <div class="center_header">
                <p><a href="#">首页></a><a href="#">产品系列></a>【动力巢2.0T x 歼15联名款跑鞋】男子跑鞋 22年新款 时尚运动回弹男跑鞋878119110056</p>
            </div>

            <div class="center_goods">
                <div class="center_goods_l">
                    <div class="small_box"><img src="../img/Details_page/20211216191138197CA0CD4B178AFAF4291EDBDF7B44BFB91.jpg" alt="">
                        <div class="box"></div>
                    </div>
                    <ul class="goods_img">
                        <li><img src="../img/Details_page/20211216191137894D1DFC7B26EC39BBF3D992A91B1C4B29D.jpg" alt=""></li>
                        <li class="curn"><img src="../img/Details_page/20211216191138197CA0CD4B178AFAF4291EDBDF7B44BFB91.jpg" alt=""></li>
                        <li><img src="../img/Details_page/20211216191138191D89CCA16D0108BC8AAD0340128F0E308.jpg" alt=""></li>
                        <li><img src="../img/Details_page/20211216191138284BD78B9DA058B481D3EF82D9D7765FF24.jpg" alt=""></li>
                        <li><img src="../img/Details_page/20211216191138425D1FF6259A3C3BE67C487F8CFCEB83226.jpg" alt=""></li>
                    </ul>
                    <div class="bigBox">

                    </div>
                    <p><a href="#"><span><img src="../img/Details_page/zy_icon.png" alt=""></span>
                        <span>官方直营</span></a>
                        <a href="#"> <span><img src="../img/Details_page/zp_icon.png" alt=""></span>
                            <span>正品保证</span></a>
                        <a href="#"><span><img src="../img/Details_page/th_icon.png" alt=""></span>
                            <span>七天退换</span></a>
                        <a href="#"><span><img src="../img/Details_page/fx_icon.png" alt=""></span>
                            <span>分享</span></a>
                        <a href="#"><span><img src="../img/Details_page/sc_icon.png" alt=""></span>
                            <span>收藏</span></a>
                    </p>

                </div>
                <div class="center_goods_r">
                    <p class="goods_name">【动力巢2.0T x 歼15联名款跑鞋】男子跑鞋 22年新款 时尚运动回弹男跑鞋878119110056</p>
                    <div class="Information">
                        <div class="Price">
                            <div class="Price_l">
                                <p><span>官方折扣价</span><span>￥</span><span>499.00</span></p>
                                <p><span>80%</span><span>￥539.00</span><span>(降价通知)</span></p>
                            </div>
                            <div class="Price_r">
                                <div>
                                    <a href="#"><img src="../img/Details_page/coupons-btn-pc.png" alt=""></a>
                                    <img src="../img/Details_page/code_icon (1).png" alt="" class="block">
                                </div>
                                <div class="hidden">
                                    <img src="../img/Details_page/GetQrCode.png" alt="">
                                </div>

                            </div>

                        </div>
                        <div class="price_b">
                            <p>
                                <span>累计评价</span>
                                <span>0</span>
                            </p>
                            <p>
                                <span>累计售出</span>
                                <span>482</span>
                            </p>

                        </div>
                        <p class="sales"><span>促销信息：</span></p>
                    </div>
                    <div class="op_select">
                        <p class="img_select"><span>颜&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;色：</span><span class="cuns"><img src="../img/Details_page/20211216191138197CA0CD4B178AFAF4291EDBDF7B44BFB91.jpg" alt=""></span><span><img src="../img/Details_page/20211217203719485D6769491555162288862AC9594BC346E.jpg" alt=""></span></p>
                        <p class="img_select"><span>尺&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：</span><span class="cuns">39码</span><span>40码</span><span>41码</span></p>
                        <p class="goods_select"><span> 我&nbsp;要&nbsp;买：</span><input type="button" value="-"><input type="text" value="1"><input type="button" value="+">件库存<span>6</span>件</p>
                        <div class="maybe">
                            <div class="Shopping"><a href="#"><span><img src="../img/Details_page/cart_icon.png" alt=""></span><span>加入购物车</span></a></div>
                            <div class="Shopping_go"><a href="#"><span>立即购买</span></a></div>
                        </div>
                        <div class="maybe_s">
                            <div class="Shopping_go"><a href="#"><span>超出库存</span></a></div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- 商城搜索 评价 参数 -->

    <div class="banner over">
        <div class="center">
            <div class="synthesis">
                <div class="synthesis_l">
                    <div class="_title">商城搜索</div>
                    <div class="select_goods">
                        <form action="#">
                            <div class="goods_o">商品：<input type="text"></div>
                            <div class="goods_p">价格：<input type="text" name="" id=""> - <input type="text" name="" id=""></div>
                            <input type="submit" value="搜索" class="sub_goods">
                        </form>
                    </div>

                    <div class="goods_list">
                        <div class="img_s">
                            男鞋
                        </div>
                        <ul>
                            <li>
                                <a href="#">跑步鞋</a>
                            </li>
                            <li>
                                <a href="#">休闲鞋</a>
                            </li>
                            <li><a href="#">综训鞋</a></li>
                            <li><a href="#">户外鞋</a></li>
                            <li><a href="#">篮球鞋</a></li>
                            <li><a href="#">板鞋</a></li>
                            <li><a href="#">帆布鞋</a></li>
                        </ul>
                    </div>

                    <div class="goods_list">
                        <div class="img_x">
                            女鞋
                        </div>
                        <ul>
                            <li>
                                <a href="#">跑步鞋</a>
                            </li>
                            <li>
                                <a href="#">休闲鞋</a>
                            </li>
                            <li><a href="#">板鞋</a></li>
                            <li><a href="#">综训鞋</a></li>
                            <li><a href="#">帆布鞋</a></li>
                            <li><a href="#">户外鞋</a></li>
                        </ul>
                    </div>

                    <div class="goods_list">
                        <div class="img_s">
                            科技跑鞋
                        </div>
                        <ul>
                            <li>
                                <a href="#">动力巢科技</a>
                            </li>
                            <li>
                                <a href="#">减震炫科技</a>
                            </li>
                            <li><a href="#">飚速科技</a></li>
                            <li><a href="#">竞速160x</a></li>
                            <li><a href="#">氢云科技</a></li>
                            <li><a href="#">驭能科技</a></li>
                            <li><a href="#">竞训260</a></li>
                        </ul>
                    </div>

                    <div class="goods_list">
                        <div class="img_s">
                            潮流尖货
                        </div>
                        <ul>
                            <li>
                                <a href="#">二次元</a>
                            </li>
                            <li>
                                <a href="#">机甲系列</a>
                            </li>
                            <li><a href="#">山海系列</a></li>
                            <li><a href="#">国潮天乘</a></li>
                            <li><a href="#">怪兽大学</a></li>
                            <li><a href="#">兔八哥联名</a></li>
                            <li><a href="#">猫和老鼠联名</a></li>
                            <li><a href="#">姜子牙联名</a></li>
                        </ul>
                    </div>
                    <div class="goods_list">
                        <div class="img_n">
                            男装
                        </div>
                        <ul>
                            <li>
                                <a href="#">运动T桖</a>
                            </li>
                            <li>
                                <a href="#">休闲T恤</a>
                            </li>
                            <li><a href="#">短裤</a></li>
                            <li><a href="#">长裤</a></li>
                            <li><a href="#">针织衫/卫衣</a></li>
                            <li><a href="#">运动套装</a></li>
                            <li><a href="#">外套夹克</a></li>
                            <li><a href="#">棉服</a></li>
                            <li><a href="#">羽绒服</a></li>
                        </ul>
                    </div>
                    <div class="goods_list">
                        <div class="img_h">
                            女装
                        </div>
                        <ul>
                            <li>
                                <a href="#">运动T桖</a>
                            </li>
                            <li>
                                <a href="#">休闲T恤</a>
                            </li>
                            <li><a href="#">短裤</a></li>
                            <li><a href="#">长裤</a></li>
                            <li><a href="#">针织衫/卫衣</a></li>
                            <li><a href="#">运动套装</a></li>
                            <li><a href="#">外套夹克</a></li>
                            <li><a href="#">棉服</a></li>
                            <li><a href="#">羽绒服</a></li>
                            <li><a href="#">运动胸衣</a></li>
                        </ul>
                    </div>
                    <div class="goods_list">
                        <div class="img_c">
                            童鞋
                        </div>
                        <ul>
                            <li>
                                <a href="#">跑步鞋</a>
                            </li>
                            <li>
                                <a href="#">休闲鞋</a>
                            </li>
                            <li><a href="#">板鞋</a></li>
                            <li><a href="#">篮球鞋</a></li>
                            <li><a href="#">健康鞋</a></li>
                            <li><a href="#">凉鞋</a></li>
                        </ul>
                    </div>
                    <div class="goods_list">
                        <div class="img_z">
                            童装
                        </div>
                        <ul>
                            <li>
                                <a href="#">短袖</a>
                            </li>
                            <li>
                                <a href="#">短裤</a>
                            </li>
                            <li><a href="#">长裤</a></li>
                            <li><a href="#">套装</a></li>
                            <li><a href="#">外套夹克</a></li>
                            <li><a href="#">羽绒服棉服</a></li>
                        </ul>
                    </div>
                    <div class="goods_list">
                        <div class="img_y">
                            运动配件
                        </div>
                        <ul>
                            <li>
                                <a href="#">运动包</a>
                            </li>
                            <li>
                                <a href="#">运动袜</a>
                            </li>
                            <li><a href="#">帽子</a></li>
                            <li><a href="#">护具</a></li>
                            <li><a href="#">内裤</a></li>
                            <li><a href="#">其他</a></li>
                        </ul>
                    </div>
                    <div class="ranking">销量总排行</div>
                    <ul class="list_show">
                        <li><img src="../img/Details_page/20202710654157B9C6E20B251CD2F9C9B5485BA4875E1.jpg" alt="">
                            <a href="#">男子运动中袜 混色男士平板中袜5双装【特殊商品不支持</a>
                            <p>￥<span>59.00</span></p>
                            <p>已售出<span>102</span>笔</p>
                        </li>
                        <li><img src="../img/Details_page/2020123092249400A5A1643E06FA08E35D19C716127ACD64.jpg" alt="">
                            <a href="#">男子平板中袜（5双装） 舒适耐磨中袜879139550085</a>
                            <p>￥<span>69.00</span></p>
                            <p>已售出<span>0</span>笔</p>
                        </li>
                        <li><img src="../img/Details_page/2021716100221959A39FBFB7C0A96C723D8C748E32D7446.jpg" alt="">
                            <a href="#">男子运动中袜 混色男士平板中袜5双装【特殊商品不支持</a>
                            <p>￥<span>59.00</span></p>
                            <p>已售出<span>0</span>笔</p>
                        </li>
                        <li><img src="../img/Details_page/20212251345277225BDE6A203D13A6158A34E0FC88F39D75.jpg" alt="">
                            <a href="#">男子平板短袜 （5双装） 舒适透气耐磨袜子</a>
                            <p>￥<span>59.00</span></p>
                            <p>已售出<span>0</span>笔</p>
                        </li>
                    </ul>
                    <div class="Recent">最近浏览</div>
                    <div class="Browse">
                        <a href="#">
                            <img src="../img/Details_page/20211216191138197CA0CD4B178AFAF4291EDBDF7B44BFB91.jpg" alt="">
                            <div><span>动力跑鞋</span></div>
                        </a>
                    </div>
                </div>
                <!-- 商品信息 -->
                <div class="synthesis_r cards">
                    <div class="synthesis_r_top">
                        <div class="click">
                            <p><span>商品介绍</span></p>
                            <p class="til"><span>商品评论</span><span>11</span></p>
                        </div>

                        <div class="phone">
                            <span>手机购买</span>
                            <img src="../img/Details_page/code_icon (1).png" alt="">
                            <div class="phone_er">
                                <img src="../img/Details_page/GetQrCode.png" alt="">
                            </div>
                        </div>


                    </div>
                    <div class="synthesis_r_main">
                        <ul class="phone_news">
                            <li>商品名称：<span>【动力巢2.0TX歼15联名款跑鞋】男子跑鞋</span></li>
                            <li>款号：<span>878119110056</span></li>
                            <li>品牌：<span>XTEP/特步</span></li>
                            <li>性别：<span></span></li>
                            <li>颜色分类：<span>果冻绿/紫蓝色/黑 气泡蓝/北卡蓝</span></li>
                            <li>尺码：<span>39码 40码 41码</span></li>
                            <li>市场价：<span>539.00</span></li>
                        </ul>
                        <div class="img_show">
                            <img src="../img/Details_page/6377536996354821327618151.jpg" alt="">
                            <img src="../img/Details_page/6377536996372008378903765.jpg" alt="">
                            <img src="../img/Details_page/6377536996386072542946041.jpg" alt="">
                            <img src="../img/Details_page/6377536996400246755988317.jpg" alt="">
                            <img src="../img/Details_page/6377536996414197944732421.jpg" alt="">
                            <img src="../img/Details_page/6377536996442322966518802.jpg" alt="">
                            <img src="../img/Details_page/6377536996454822433790323.jpg" alt="">
                            <img src="../img/Details_page/6377536996470448433603354.jpg" alt="">
                            <img src="../img/Details_page/cc.jpg" alt="">
                            <img src="../img/Details_page/xhsm (1).jpg" alt="">
                            <img src="../img/Details_page/SIZE_05 (1).jpg" alt="">
                            <img src="../img/Details_page/SIZE_05 (1).jpg" alt="">
                            <img src="../img/Details_page/SIZE_04.jpg" alt="">
                            <img src="../img/Details_page/TB2EwdKqYRkpuFjSspmXXc.9XXa-353571709.jpg" alt="">
                        </div>

                    </div>
                    <!-- 评论 -->
                    <div class="cards">
                        <div class="publication">
                            <div class="user_head"><img src="../img/Details_page/132.jfif" alt=""></div>
                            <div class="user_conmon">
                                <p><img src="../img/Details_page/scoretop.png" alt=""><img src="../img/Details_page/scoretop.png" alt=""><img src="../img/Details_page/scoretop.png" alt=""><img src="../img/Details_page/scoretop.png" alt=""></p>
                                <textarea name="" id="" cols="50" rows="2"></textarea>
                            </div>
                            <div class="user_Grade">
                                <input type="text" value="10分 差评">
                            </div>
                            <button>发表</button>
                        </div>
                        <div class="conmon"></div>

                    </div>
                </div>

            </div>
        </div>
    </div>




    <footer></footer>
</body>

</html>